<!-- Start of Header -->
<header id="header" class="hinner mbtm">
    <section class="container">
        <section class="row"> 
            <!-- Start of Logo Container -->
            <section class="span3"> 
                <div id="logo"><a href="<?php echo base_url();?>"> <img src="<?php echo base_url(); ?>front_end/images/logo.png" alt="Logo" /></a></div>
            </section>
            <!-- End of Logo Container --> 
            <!-- start of Social & Nav Container -->
            <section class="span9"> 
                <!-- Top Social & Info Start -->
                <div id="top_social">
                    <div id="top_bar">
                        <div class="socialicons">
                            <div class="hidden-phone socialicons_class"> <a title="Visit Flickr Plus page" href="#" class="social_active social_flickr" ><span style="display: inline;" class="da-animate da-slideFromLeft"></span></a> <a title="Visit Twitter page" href="#" class="social_active social_twitter" ><span style="display: inline;" class="da-animate da-slideFromBottom"></span></a> <a title="Visit Facebook page" href="#" class="social_active social_facebook" ><span style="display: inline;" class="da-animate da-slideFromRight"></span></a> <a title="Visit Vimeo Plus page" href="#" class="social_active social_vimeo" ><span style="display: inline;" class="da-animate da-slideFromBottom"></span></a> <a title="Visit Trumblr page" href="#" class="social_active social_trumblr" ><span style="display: inline;" class="da-animate da-slideFromRight"></span></a> <a title="Visit Linked In page" href="#" class="social_active social_linkedin" ><span style="display: inline;" class="da-animate da-slideFromLeft"></span></a> </div>
                        </div>
                        <div id="nav_info">
                            <ul>
                                <li> <i class="icon-envelope"></i> <a href="mailto:contact@hatc.com">contact@hatc.com</a> </li>
                                <li> <i class="icon-time"></i> Thứ hai - Thứ bảy 08:00 - 18:00 </li>
                            </ul>
                        </div>
                    </div>
                    <!-- End of Top Social & Info --> 
                    <!-- start of Navigation -->
                    <nav id="nav">
                        <?php echo Modules::run('front/menu_top');?>
                    </nav>
                </div>
                <!-- End of Navigation --> 
            </section>
            <!-- End of Social & Nav Container --> 
        </section>
    </section>                
</header>
<!-- End of Header -->
